<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="style.css" rel="stylesheet">
    <title>Model Box</title>
</head>
<body>
<!--Trigger/Open The model-->
<button id="myBtn">Open Model</button>
<div id="myModel" class="model"></div>
<!--Model Content-->
<div class="model-content">
    <div class="model-header">
        <span class="close">×</span>
        <h2>Model Header</h2>
    </div>
    <div class="model-body">
        <p>Some text in the Model Body</p>
        <p>Some other text ...</p>
    </div>
    <div class="model-footer">
        <h3>Model Footer</h3>
    </div>
</div>
</body>
<script src="show.js"></script>
</html>